

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>角色设置</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="${basePath!}/genius/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="${basePath!}/genius/style/admin.css" media="all">
  <style>
  	.layui-fluid{ height:1025px;}
  	
	.ew-tree-table-group .ew-tree-table-box {
	    overflow: auto;
	    max-height:700px;
	}
  </style>
</head>
<body style="overflow: hidden;">

  <div class="layui-fluid layui-col-md4">  
   <div class="layui-card">
   	<div class="layui-form layui-card-header layuiadmin-card-header-auto">
        <blockquote class="layui-elem-quote">
  			角色控制
		</blockquote>
    </div>
    <div class="layui-card-body" id="body1">
        <div class="layui-form layuiadmin-card-header-auto" style="padding-bottom: 10px;">
        <@shiro.hasPermission name="bbc2f152df6c467dbc9e9576107d5d04">
          <button class="layui-btn layui-btn-sm layuiadmin-btn-useradmin" data-type="add"><i class="layui-icon">&#xe61f;</i>新增</button> 
	  </@shiro.hasPermission>
	  <@shiro.hasPermission name="ac6ae7fa62f74b35a9716ff724284739">
          <button class="layui-btn layui-btn-sm layui-btn-normal layuiadmin-btn-useradmin" data-type="edit"><i class="layui-icon">&#xe642;</i>编辑</button> 
	  </@shiro.hasPermission>
	  <@shiro.hasPermission name="ac6ae7fa62f74b35a9716ff724284739">
          <button class="layui-btn layui-btn-sm layui-btn-danger layuiadmin-btn-useradmin" data-type="batchdel"><i class="layui-icon">&#xe640;</i>删除</button> 
	  </@shiro.hasPermission>
           
         </div>
        <table id="LAY-role-list" lay-filter="LAY-role-list"></table> 
        <script type="text/html" id="statusTpl">
          {{#  if(d.status == '启用'){ }}
            		<span  style="color:green">启用</span>
          {{#  } else { }}
            <span  style="color:#ddd">禁用</span>
          {{#  } }}
        </script>
      </div>
      </div>
  </div>
  
  <div class="layui-fluid layui-col-md8" style="width:67.6%; margin-left:-1%;">
  	<div class="layui-card">
  		<div class="layui-form layui-card-header layuiadmin-card-header-auto">
	        <blockquote class="layui-elem-quote">
	  			相关权限列表
		</blockquote>
    	</div>
	  	<div class="layui-card-body" id="body2">
	  		<div class="layui-tab layui-tab-card">
		    <ul class="layui-tab-title">
		    <li class="layui-this">菜单权限</li>
		    <li>数据权限</li>
		    <li>授权人员</li>
		    <li>授权主页</li>
		  </ul>
		  <div class="layui-tab-content">
		    <div class="layui-tab-item layui-show">
		    	<div class="layui-card-header layuiadmin-card-header-auto" style="padding-bottom: 10px;">
	          		<button class="layui-btn" data-type="AddMenuPermission">批量授权</button> 
	          		<button class="layui-btn layui-btn-danger" data-type="DetachMenuPermission">批量取消</button> 
	        	 </div>
		    	<table id="LAY-role-menu-list" lay-filter="LAY-role-menu-list"></table>
		    	<script type="text/html" id="permissionStatusTpl">
         			 {{#  if(d.permissionStatus == '1'){ }}
            			<span  style="color:green">已授权</span>
          			 {{#  } else { }}
           				 <span  style="color:red">未授权</span>
          			 {{#  } }}
        		</script> 
        		<script type="text/html" id="operateTpl">
         			 {{#  if(d.permissionStatus == '1'){ }}
						 <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="cancle">取消</button>
          			 {{#  } else { }}
           				 <button class="layui-btn layui-btn-sm" lay-event="confirm">授权</button>
          			 {{#  } }}
        		</script> 
		    </div>
		    <div class="layui-tab-item">
		    	<div class="layui-card-header layuiadmin-card-header-auto" style="padding-bottom: 10px;">
	          		<button class="layui-btn" data-type="AddDataPermission">批量授权</button> 
	          		<button class="layui-btn layui-btn-danger" data-type="DetachDataPermission">批量取消</button>
	          		<input class="layui-input" id="edtSearch" placeholder="输入关键字"
           style="display: inline-block;width: 140px;height: 38px;line-height: 38px;"/>
	          		<button class="layui-btn layui-btn-danger" data-type="search">搜索</button>
	          		<button class="layui-btn layui-btn-danger" data-type="clearSearch">清除搜索</button>
	        	 </div>
		    	<table id="LAY-role-menu-data-list" lay-filter="LAY-role-menu-data-list"></table> 
		    	<script type="text/html" id="permissionMenuDataStatusTpl">
         			 {{#  if(d.permissionStatus == '1'){ }}
            			<span  style="color:green">已授权</span>
          			 {{#  } else { }}
           				 <span  style="color:red">未授权</span>
          			 {{#  } }}
        		</script> 
        		<script type="text/html" id="operateMenuDataTpl">
         			 {{#  if(d.permissionStatus == '1'){ }}
						 <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="cancle">取消</button>
          			 {{#  } else { }}
           				 <button class="layui-btn layui-btn-sm" lay-event="confirm">授权</button>
          			 {{#  } }}
        		</script> 
		    </div>
		    <div class="layui-tab-item">
		    	<div class="layui-card-header layuiadmin-card-header-auto" style="padding-bottom: 10px;">
	          		<button class="layui-btn" data-type="AddUser">添加成员</button> 
	          		<button class="layui-btn layui-btn-danger" data-type="DetachUser">移除成员</button> 
	        	 </div>
		    	<table id="LAY-role-user-list" lay-filter="LAY-role-user-list"></table> 
		    	
		    </div>
		    <div class="layui-tab-item">
		    	<div class="layui-card-header layuiadmin-card-header-auto" style="padding-bottom: 10px;">
	          		<button class="layui-btn" data-type="AddRoleUrl">新增</button> 
	          		<button class="layui-btn layui-btn-danger" data-type="DetachRoleUrl">删除</button> 
	        	 </div>
		    	<table id="LAY-role-url-list" lay-filter="LAY-role-url-list"></table> 
		    	<script type="text/html" id="permissionRoleUrlsTpl">
         			 {{#  if(d.status == '1'){ }}
            			<span  style="color:green">已授权</span>
          			 {{#  } else { }}
           				 <span  style="color:red">未授权</span>
          			 {{#  } }}
        		</script> 
		    	<script type="text/html" id="permissionRoleUrlsBtnTpl">
         			 {{#  if(d.status == '1'){ }}
						 <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="cancle">取消</button>
          			 {{#  } else { }}
           				 <button class="layui-btn layui-btn-sm" lay-event="confirm">授权</button>
          			 {{#  } }}
        		</script> 
		    </div>
		  </div>
		 </div>
	  	</div>
  	</div>
  </div>
  
  <div class="clearfix"></div>

  <script src="${basePath!}/genius/layui/layui.js"></script>  
  <script>
  layui.config({
    base: '${basePath!}/genius/' //静态资源所在路径
    ,host:'${basePath!}'//项目访问路径
  }).extend({
    index: 'lib/index' //主入口模块
    ,role:'/adminmanager/role/role'
  }).use(['index','role']);
  </script>
</body>
</html>